<template>
	<div>
		<van-swipe class="my-swipe" @change="onChange">
			<van-swipe-item>1</van-swipe-item>
			<van-swipe-item>2</van-swipe-item>
			<van-swipe-item>3</van-swipe-item>
			<van-swipe-item>4</van-swipe-item>
		</van-swipe>
	</div>
</template>

<script>
	//import { Toast } from 'vant';
	import '/src/assets/style/swipe/swipe.less';
	export default {
		methods: {
			onChange(index) {
				//Toast('当前 Swipe 索引：' + index);
			},
		},
	};
</script>

<style>
	 .my-swipe .van-swipe-item {
		color: #fff;
		font-size: 20px;
		line-height: 150px;
		text-align: center;
		background-color: #39a9ed;
	}
</style>
